<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<title>公司项目管理系统</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<style type="text/css">
		body {
			background-color: #ffffff;
		}

		span {
			color: red;
		}
		</style>
	</head>
	<body>
		<div class="container" style="margin-top: 100px">
			<form action="login.jspx" method="post" class="well" name="myform" id="form"
				style="width: 220px; margin: 0px auto;">
				<h3>
					公司项目管理系统-PMS
				</h3>
				<hr>
				账号
				<span id="name_error" ></span>
				<input class="span3" name="username" id="username" type="text">
				密码
				<span id="password_error"></span>
				<input class="span3" type="password" id="password" name="password">
				<br>
				<input type="button" value="进入系统" id="btn" />
			</form>
		</div>
	<script type="text/javascript">
		$("#username").keydown(function()
		{$("#name_error").html("");
		return;
		});
		$("#password").keydown(function()
		{$("#password_error").html("");
		return;
		});
	$(document).ready(function() {
		$("#btn").click(function() {
			var name = $("input[name='username']").val();
			var pwd = $("input[name='password']").val();
			if (name.trim() == "") {
				$("#name_error").html("用户名不能为空");
				return;
			}
			if (pwd == "") {
				$("#password_error").html("密码不能为空");
				return;
			}
			$("#form").submit();
		});

	});
</script>

	</body>
</html>
